<template>
  <div>
    <van-area title="标题" :area-list="areaList"
      @confirm="showName"/>
  </div>
</template>
<script>
import {areaList} from '@vant/area-data'

export default{
  data(){
    return{areaList};
  },
  methods:{
    showName:function(msg){
      console.log(msg[0].code+""+msg[0].name);
      console.log(msg[1].code+""+msg[1].name);
      console.log(msg[2].code+""+msg[2].name);
    }
  }
}

</script>